<!--购物车图标-->
<div id="shopCart" class="shop_cart" >
    <span class="badge">{{cartGoodsCount}}件￥{{cartGoodsPrice}}</span>
    <div><img src="/static/img/icon_cart_circle.svg" @click="actToggleCart(1)"/></div>
</div>
<div id="flyItem" class="fly_item"></div>
<div class="cart-all" v-if="visibleCart">
    <!--顶部-->
    <div class="top-bar">
        <div class="title">购物车</div>
        <div class="control" @click="actToggleCart(0)">
            <img src="/static/img/icon_close_4.svg" alt="">
        </div>
    </div>
    <!--列表-->
    <!--底部-->
    <div class="foot-bar">
        <button class="clear" @click="clearCart()">清空购物车</button>
        <div class="info">
            <span>共有{{cartGoodsCount}}件商品，合计￥</span>
            <b>{{cartGoodsPrice}}</b>
        </div>
    </div>
    <div class="list-wrap">
        <div class="category" v-for="(item,idxc) in cartData" :key="item.id">
            <div class="cate-title">{{item.title}}</div>
            <div class="cart_sku-wrap" v-if="item.data.length > 0">
                <div class="box" v-for="(sku,idxs) in item.data" :key="sku.id">
                    <div class="picture">
                        <a :href="'/static/'+sku.cover" rel="lightbox-2">
                            <img class="cover" :src="imgUriPrefix + sku.cover" alt="">
                        </a>
                        <img class="close" src="/static/img/icon_close_1.svg" alt="" @click="cartDelete(idxc,idxs)">
                    </div>
                    <div class="price">零售价：￥{{sku.guidePrice}}</div>
                    <div class="title">
                        {{sku.productName}}
                        <span class="c-999">{{sku.title}}</span>
                    </div>
                </div>
            </div>
        </div>
        <div style="height:100px;"></div>
    </div>
</div>